@charset "utf-8";
/* ======================================================================
hien thi cac box dung chung : Header + Footer + Main + cac box dung nhieu
========================================================================*/

/*----------------------------------- 
----------------Header -------------
------------------------------------*/
.hdrWrap	{ background:url(../images/basic/hdrWrap.jpg) repeat-x;}
.hdr		{ padding-top:17px;width:960px;margin:0 auto;}
a.logo,
a:visited.logo { float:left;margin-right:20px; width:134px; height:32px; background:url("../images/basic/logo.gif") 0 0 no-repeat;}
a:hover.logo {background:url("../images/basic/logo.gif") 0px -32px;}
a.logo img { width:100%; height:100%;}


/* Hien thi trang thai' nguoi dang nhap */
.personal	{ float:left;color:#A0A9A5;height:22px;line-height:22px;font-size:11px;}
.persText	{ float:left;margin-right:10px;display:block;}
.persName { float:left;padding-left:13px;margin-right:10px;background:url(../images/basic/icons/icon_persName.jpg) no-repeat left 3px;}
.persName span a	{ 
	float:left;
	padding-right:10px;
	background:url(../images/basic/icons/icon_Expand.jpg) no-repeat right 10px;
	text-decoration:none;
	color:#D6DED4;
	font-weight:bold;
	font-size:12px;
}
.persName span a:hover	{ text-decoration:underline;}
.personal .persOut		{ float:left;text-decoration:underline;color:#A0A9A5;font-size:11px;}
.personal .persOut:hover{ text-decoration:none;}


/* Hien thi box search thuoc header*/
.hdr .search			{ float:right;height:22px;line-height:22px;}
.hdr .search .searchText{ 
	margin-right:10px;
	padding-right:10px;
	background:url(../images/basic/icons/icon_Expand.jpg) no-repeat right 10px;
	color:#D6DED4;
	font-weight:bold;
	float:left;
}
.hdr .search .searchText:hover{	text-decoration:underline;}
.hdr .search input{
	float:left;
	padding:3px 0px 0px 5px;
	width:152px;
	height:19px;
	background:url(../images/basic/searchHdrInput.jpg) no-repeat;
	color:#CCC;
	font-style:italic;
	border:none;
}


/* Hien thi login thuoc header */
.hdrBottom			{ margin-top:14px;clear:both;}
.hdrBottom .login	{ float:right;height:26px;}
.hdrBottom .login a	{ color:#D9E3D7;font-weight:bold;}
.hdrBottom .login a:hover{ text-decoration:underline;}
.hdrBottom .login span{ padding:0px 5px 0px 5px;color:#5B6C63;line-height:24px;}
.hdrBottom .mainNavRight	{ float:right;height:26px;padding:0 7px;}
.hdrBottom .mainNavRight a	{ color:#D9E3D7;font-weight:bold;line-height:24px;}
.hdrBottom .mainNavRight a:hover{ text-decoration:underline;}
.hdrBottom .mainNavRightS	{ float:right;height:26px;padding:0 7px;background:url(../images/basic/navItemS.jpg) repeat-x !important;color:#FFF;}
.hdrBottom .mainNavRightS a	{ color:#D9E3D7;font-weight:bold;line-height:24px;}
.hdrBottom .mainNavRightS a:hover{ text-decoration:underline;}

/* hien thi Navigation chinh' cua header */
.mainNav	{height:26px;margin:0;padding:0;}
.mainNav a  { color:#D9E3D7;}
.mainNav a:hover{ color:#D9E3D7;text-decoration:underline;}
.mainNav .itemS	{ font-weight:bold;	background:url(../images/basic/navItemS.jpg) repeat-x !important;color:#FFF;}
.mainNav .itemS span { color:#FFF;}
.mainNav .itemMore	{ 
	float:left;
	margin-right:5px;
	padding-right:10px;
	background:url(../images/basic/icons/icon_Expand.jpg) no-repeat right 10px;
	color:#D6DED4;
	text-decoration:none;
}
.mainNav .itemMore:hover{ text-decoration:underline;}
.mainNav li{
	float:left;
	height:26px;
	line-height:24px;
	margin:0;
	padding:0px 15px 0px 13px;
	background:url(../images/basic/navSplit.jpg) no-repeat right;
	list-style-type:none;
}
.mainNav .last{ background:none !important;}
.subNav{ height:24px;line-height:24px;font-weight:normal;padding-left:10px; font-weight:bold;}
.subNav a,
.subNav span{ padding:0 12px 0 12px;}
.subNav a.selected { color:#95772e;}
.subNav a:hover,
.subNav a.active {color:#95772; text-decoration:underline;}


/*Submenu for navigator, web , person:--------------------*/
#navPlus 	{margin:26px 0px 0px -16px; width:100px;}
#persPlus 	{margin:18px 0px 0px -1px; width:140px;}
#webPlus 	{margin:22px 0px 0px -2px; width:100px;}

/*-------------------------------------
Hien thi menu tha xuong tu trang chu
-------------------------------------*/
.tt_ddmenu { position:absolute; border:1px solid #5b6c64; visibility:hidden; z-index:99;}
.tt_ddmenu a, 
.tt_ddmenu a:visited, 
.tt_ddmenu a:active {
	float:none;
	display:block; 		
	line-height:normal;
	padding:4px 10px;
	background:none !important;
	border-bottom:1px solid #5b6c62;
	color:#CCC;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background-color:#4e5f55 !important;
}
.tt_ddmenu a:hover { color:#FFF; text-decoration:none !important; background-color:#3c4d45 !important;}


/*----------------------------------- 
---------------- Footer -------------
------------------------------------*/
.footerWrap{ clear:both;height:69px;background:url(../images/basic/bottomWrap.jpg) repeat-x;}
.footer{ width:960px;margin:0 auto;padding-top:15px;text-align:center;}
.footerLink{ clear:both;color:#3B5A4A;}
.footerLink a{ font-weight:bold;}
.footerLink span{ padding:0px 5px 0px 5px;}
.copyRight	{ padding-top:7px;color:#545454;font-size:11px;}


/*----------------------------------- 
---------------- Main -------------
------------------------------------*/
.body{ clear:both;width:960px;margin:0 auto;padding:10px 0;}

/*Hien thi tieu de cac' box: ===========*/
.boxName{ float:left;height:23px;margin-top:3px;}
.boxName img{ float:left;margin-right:5px;display:block;}
.boxName a,.boxName h4{ float:left;line-height:27px;color:#414D4C;font-size:14px;font-weight:bold; padding:0px 2px;}
.boxName a:hover{ color:#D49508;}

/* ======= */
.boxTop{ clear:both;height:30px;background:url(../images/basic/boxTopBg.jpg) repeat-x; padding:0 10px;}
/* ======= */
.boxBody{ border:1px solid #C2CEBF; border-top:none; background-color:#F5F9F0;}
/* hien thi cac tab trong phan tieu de cac box ======= */
.tab{ height:25px;padding:5px 0px 0px 0px;}
.tabItem{ float:left;display:block;height:25px;margin-right:2px;background:url(../images/basic/tabItem.jpg) repeat-x;}
.tabItem span{
	float:left;
	display:block;
	height:25px;
	padding:0px 0px 0px 20px;
	background:url(../images/basic/tabItemLeft.jpg) no-repeat top left;
}
.tabItem a{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	padding:0px 20px 0px 0px;
	background:url(../images/basic/tabItemRight.jpg) no-repeat top right;
	color:#5D7B6C;
	font-weight:bold;
}
.tabItem a:hover{ color:#5D7B6C;}
.tabItemS{ float:left;display:block;height:25px;margin-right:2px;background:url(../images/basic/tabItemS.jpg) repeat-x;}
.tabItemS span{
	float:left;
	display:block;
	height:25px;
	padding:0px 0px 0px 20px;
	background:url(../images/basic/tabItemSLeft.jpg) no-repeat top left;
}
.tabItemS a{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	padding:0px 20px 0px 0px;
	background:url(../images/basic/tabItemSRight.jpg) no-repeat top right;
	color:#3B5A4A;
	font-weight:bold;
}
.tabItemS a:hover{ color:#5D7B6C;}
/* hien thi so trang ======= */
.pageViewWrap{ background:#E9EEE3; padding:8px 0 8px 0;	clear:both;}
.pageViewWrap .count{text-align:center;color:#656565;line-height:25px;}
.pageView{ font-weight:bold;}
.pageView a{
	height:20px;
	line-height:20px;
	color:#3B4949;
	border:1px solid #3B4949;
	padding:2px 5px 2px 5px;
	background:#FFF;
}
.pageView a:hover{ height:20px;	color:#FFF;	background:#3B4949;}
.pageView .itemS{
	height:20px;
	line-height:20px;
	color:#FFF;
	background:#3B4949;
	border:1px solid #3B4949;
	padding:2px 5px 2px 5px;
}
.pageView span{	height:20px; padding:9px 5px 0px 5px;}
/* ======= */
.ttMenuLeft{ padding:8px 0 0 12px;}
.ttMenuLeft ul, .ttMenuLeft li{ margin:0; padding:0; list-style-type:none;}
.ttMenuLeft ul li{
	display:block;
	padding:7px 0px 7px 19px;
	background:url(../images/icons/bullet_menuItemLv01.jpg) no-repeat left 8px;
	font-weight:bold;
}
.ttMenuLeft a.selected { font-weight:bold; color:#D49508;}
.ttMenuLeft .item-lv02{ display:block; padding:4px 0px 4px 10px; background:url(../images/basic/icons/bullet_Blog.gif) no-repeat left 9px;}
.ttMenuLeft .item-lv03{ display:block; padding:3px 0px 3px 8px;	background:url(../images/basic/icons/bullet_menuItemLv03.jpg) no-repeat left 10px;}
.ttMenuLeft .indent{padding-left:10px;}


/*Hien thi duong dan~:===============*/
.path{font-weight:bold; margin:0 0 10px 12px;}
.path span{ padding:0 5px;font-weight:normal;}
.path em{ font-style:normal;font-weight:normal;}

/*Hien thi cac nut: =============*/
.buttonUp{ 
	float:left;
	display:block;
	height:17px;
	margin-right:3px;
	background:url(../images/buttons/buttonUp.jpg) repeat-x; 
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0px 6px 0 6px;
	border:none;
	cursor:pointer;
	color:#fff;
}
.buttonUp:hover{color:#000;}
.buttonNext{ 
	float:left;
	display:block;
	height:17px;
	background:url(../images/buttons/buttonNext.jpg) repeat-x;
	color:#3B4A4A;
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0px 6px 0 6px;
	border:none;
	cursor:pointer;
}
.buttonNext:hover{color:#FFF;}

/*Hien thi phan comment ================*/
.comment{}
.comment .textarea02{width:98%;height:110px;background-color:#FFF;margin-bottom:5px;}
.comment .title{
	height:25px;
	background:url(../images/basic/video-comment-title.jpg) repeat-x;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#414D4C;
}
.comment .title img{margin-right:5px;}
.comment .count{display:block;float:right;padding:8px 0 7px 0;}
.comment .icon{display:block;}
.comment .icon img{margin:0 5px 3px 0;}
.comment .del-reply{float:right;width:17px;position:relative;}
.inputMess02{color:#333;padding-bottom:5px;}
.inputMess02 .image{float:left;}
.inputMess02 .image img{padding:1px; border:1px solid #ccc;}
.inputMess02 .image a:hover img{border:1px solid #000;}
.inputMess02 .text{	margin:0 25px 0 70px;}
.inputMess02 .button{color:#FFF;background-color:#557765;border:none;padding:2px 15px;cursor:pointer;}
.inputMess03{background:#E8EEDF;margin:0 0 2px 0;padding:5px;}
.inputMess03 .image{float:left;position:relative;}
.inputMess03 .image img{padding:1px; border:1px solid #ccc;}
.inputMess03 .image a:hover img{border:1px solid #000;}
.inputMess03 .text{	font-size:11px;	margin:0 25px 0 45px;}
.inputMess04{background:#E8EEDF;margin:0 0 2px 0;padding:5px;}
.inputMess04 .image{float:left;position:relative;}
.inputMess04 .image img{padding:1px; border:1px solid #ccc;}
.inputMess04 .image a:hover img{border:1px solid #000;}
.inputMess04 .text02{margin-left:45px;}
.inputMess04 .text02 textarea{width:93%;height:40px;overflow:hidden;}
.inputMess04 .text02 textarea:hover{background:#FFF;border:1px solid #999;}
.inputMess05{background:#E8EEDF;padding:1%;margin-bottom:2px;}
.inputMess05 .inputText{border:1px solid #CCC;width:95%;font-size:11px;padding:3px;color:#666;font-style:italic;}
.btn_close{width:17px;height:17px;background:url(../images/icons/icon_close.gif) no-repeat left 1px;display:block;}
.btn_close_hover{width:17px;height:17px;background:url(../images/icons/icon_close.gif) no-repeat 0 -16px;}
.comment .inputTime{font-size:11px;	padding-top:3px;float:left;	position:relative;}
.comment .buttonAll{
	background:#557765;
	color:#FFF;
	width:60px;
	border-color:#D6DED4 #183627 #183627 #D6DED4;
	border-width:1px;
	border-style:solid;
	position:relative;
}
.comment .commentWrap-lv2{margin:0 0 10px 20px;}
.comment .detail-button{
	width:100px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:url(../images/buttons/video-detail-button.jpg);
	border:none;
	cursor:pointer;
}

/* hien thi cac canh bao' ======== */
.alert{padding:10px 0;}
.alert a{text-decoration:underline;}
.alert-1{
	background:#edfcde url(../images/icons/alert1.png) no-repeat scroll 5px 6px;	
	border:1px solid #a3c897;
	margin:10px;
	padding:10px 10px 10px 35px;
	color:#336633;
}
.alert-2{
	background:#fdf8da url(../images/icons/alert2.png) no-repeat scroll 5px 6px;
	border:1px solid #e1ba6a;
	margin:10px;
	padding:10px 10px 10px 35px;
	color:#7f5031;
}
.alert-3{
	background:#fddeda url(../images/icons/alert3.png) no-repeat scroll 5px 6px;			
	border:1px solid #cc7a79;	
	margin:10px;
	padding:10px 10px 10px 35px;
	color:#6c382a;
}
.alert-4{
	background:#e3f4fe url(../images/icons/alert4.png) no-repeat scroll 5px 6px;			
	border:1px solid #a8c2d6;	
	margin:10px;
	padding:10px 10px 10px 35px;
	color:#204f73;
}
/* Hien thi cac icon ======= */
.hold-ico {
	height:18px;
	left:5px;
	/*position:absolute;*/
	top:3px;
	width:18px;
}

/* icons possitionsssss */
.ico-img{background:url(../images/icons/iconSprite.png) no-repeat;}
.ico-tool {
	display:inline-block;
	height:16px;
	width:16px;
	vertical-align:top;
}
.ico-feed {	background-position:0 0;}
.ico-setting {background-position:-16px 0;}
.ico-msg {background-position:-32px 0;}
.ico-more {	background-position:-48px 0;}
.ico-comment {background-position:-16px -32px;}
.ico-ublog {background-position:0 -16px;}
.ico-uimage {background-position:-16px -16px;}
.ico-uvideo {background-position:-32px -16px;}
.ico-umusic {background-position:-48px -16px;}
.ico-ulink {background-position:0 -32px;}
.ico-config {background-position:-48px -32px;}
.ico-comments {	background-position:0 -48px;}
.ico-favplus {background-position:-16px -48px;}
.ico-likeadd {	background-position:-64px -48px;}
.ico-likeminus {background-position:-80px -48px;}
.ico-favminus {background-position:-96px -48px;}
.ico-quote {background-position:-32px -48px;}
.ico-birth {background-position:-48px -48px;}
.ico-afriend {background-position:0 -64px;}
.ico-agroup {background-position:-32px -64px;}
.ico-aevent {background-position:-64px -32px;}
.ico-likeu {background-position:-80px -32px;}
.ico-nolikeu {background-position:-96px -32px;}
.ico-agame {background-position:-80px -16px;}
.ico-aapp {background-position:-64px -16px;}
.ico-aclo-fr {background-position:-32px -80px;}
.ico-aclo-fr:hover {background-position:-32px -96px;}
.ico-rclo-fr {background-position:-64px -80px;}
.ico-rclo-fr:hover {background-position:-64px -96px;}
.ico-remove {background-position:-48px -80px;}
.ico-remove:hover {	background-position:-48px -96px;}
.ico-add {background-position:-32px -80px;}
.ico-add:hover {background-position:-32px -96px;}
.ico-share {background-position:-64px -64px;}
.ico-error {background-position:-80px -64px;}
.ico-dload {background-position:-96px -64px;}
.ico-expand {background-position:0 -80px;}
.ico-expand:hover {background-position:0 -96px;cursor:pointer;}
.ico-collap {background-position:-16px -80px;}
.ico-collap:hover {background-position:-16px -96px;cursor:pointer;}
.ico-up {background-position:-96px -80px;}
.ico-down {background-position:-80px -80px;}
.ico-stop {background-position:0px -112px;}
.ico-edit01 {background-position:-16px -112px;}
.ico-edit02 {background-position:-32px -112px;}
.ico-page01 {background-position:-96px -16px;}
.ico-page02 {background-position:-112px -16px;}
.ico-bullet01 {background-position:-128px -16px;}
.ico-gift {background-position:-32px -32px;}
.ico-dielive {background-position:-64px 0px;}
.ico-check {background-position:-80px 0px;}
.ico-bigPlus {background-position:-96px 0px;}
.ico-like {background-position:-112px 0px;}
.ico-unlike{background-position:-128px 0px;}
.ico-eventdt {background-position:-48px -112px;}
.ico-datetime
/*==============================*/

.tt-tool {
	background:#EAEEE9;
	background: -moz-linear-gradient(center top, #FFFFFF, #C2CEBF) repeat scroll 0 0 #F5F9F0;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C2CEBF));
    /* For Internet Explorer 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C2CEBF);*/
	/* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#C2CEBF', GradientType=0);
	/* For Internet Explorer 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C2CEBF)";*/
	border: 1px solid #A3B4A2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 5px;
	margin:3px 0 10px 0;
}
.tt-tool button {
	background: none repeat scroll 0 0 transparent;
	/*border-color: -moz-use-text-color #A3B4A2 -moz-use-text-color -moz-use-text-color;
    border-style: none solid none none;
    border-width: medium 1px medium medium;*/
	float:left;
	border:none;
	border-right:1px solid #A3B4A2;
	cursor: pointer;
	height: 1.65em;
	vertical-align:middle;
	outline:none;
	/*padding:0 4px;*/
	position:relative;
}
.tt-tool button span {
	outline:0 none;
}
.tt-tool button:active {
	outline:0 none;
}
.tt-tool button:hover, .tt-tool button:focus {
	outline:none;
	-moz-box-shadow:0 0 3px #999999;
	box-shadow:0 0 3px #999999;
	-webkit-box-shadow:0 0 3px #999999;
}
.tt-tool .view {
	float: right;
	font-size: 13px;
	/*font-weight: bold;*/
    padding-right: 6px;
	padding-top: 3px;
}
.descriptionBox, .shareBox, .embbedBox, .likeBox, .addBox {
	border-bottom: 1px dashed #AFAFAF;
	margin: 3px 0 10px;
	padding: 10px;
	display:none;
}
.likeBox .notice {
	padding: 4px 0;
}
.addBox .notice {
	text-align:center;
}
.addBox input.btn-add{background-color: #616F69;border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 11px;}
.likeBox .likeAction {
	padding: 4px 0 0 20px;
}
.shareBox .shareThirdParty {
	padding:4px 0;
}
.shareBox .shareAction {
	padding:4px 0;
	text-align:center;
}
.shareBox .shareAction input {
	width:80%;
}
.shareBox, .addBox {
	display:none;
}
.XemThu {
	font-size:11px;
	font-weight:bold;
	color:#D49508 !important;
	display:block;
	float:left;
}
.XemThu:hover {
	text-decoration:underline;
}
.under-dash {
	border-bottom:1px dashed #CFCFCF;
	padding:0 0 8px;
}
.descriptionBox .info-head {
	margin-bottom:5px;
	color:#AFAFAF;
}
.descriptionBox .more-info {
}
.descriptionBox .more-info h4 {
	padding:5px 0;
}
.descriptionBox .more-info ul {
	padding:0;
	margin:0;
}
.descriptionBox .more-info ul li {
	float:left;
	list-style:none;
	font-size:100%;
	margin-right:10px;
}
.descriptionBox .more-info a:hover, .descriptionBox .more-info a:focus {
	-moz-outline-radius:3px;
	background-color:#F5F9F0;
	outline:3px solid #F5F9F0;
	-webkit-outline-radius:3px;
}
.more-add {
	-moz-box-shadow: 0 0 3px #999999;
	box-shadow:0 0 3px #999999;
	-webkit-box-shadow:0 0 3px #999999;
	background-color: #FFFFFF;
	border: 1px solid #C2CFBE;
	display: none;
	list-style: none outside none;
	margin: 35px 0 0;
	padding: 4px;
	position: absolute;
	left:1px;
	top: -10px;
}
.more-add li {
	height: 17px;
	padding: 3px 1px;
}

